<template>
  <view class="warp">
    <view class="header">
      <image
        class=""
        src="../../static/img/logo1.png"
        style="width: 100%; height: 100%"
      ></image>
    </view>
    <view class="main">
      <view class="content f ac">
        <view class="f ac xc xb con_detail" style="width: 100%">
          <view class="tc" style="width: 50%" @click="goUrl(1)">
            <image
              class=""
              src="../../static/daxiong.jpg"
              style="width: 200rpx; height: 200rpx"
            ></image>
            <view class="fs38r fw8">课程模板</view>
          </view>

          <view class="tc" style="width: 50%" @click="goUrl(2)">
            <image
              class=""
              src="../../static/daxiong.jpg"
              style="width: 200rpx; height: 200rpx"
            ></image>
            <view class="fs38r fw8">备课</view>
          </view>
        </view>
      </view>
      <view class="mt30r">
        <view class="btn tc" @click="goUrl(3)">开始上课</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      baseList: [
        {
          name: "photo",
          title: "图片",
        },
        {
          name: "lock",
          title: "锁头",
        },
      ],
    };
  },

  onLoad() {},
  onShareAppMessage() {},
  // 分享到朋友圈
  onShareTimeline() {},
  methods: {
    //跳转页面
    goUrl(type) {
      if (type == 1) {
        uni.redirectTo({
          url: "/pages/muban/index",
        });
      } else if (type == 2) {
        uni.redirectTo({
          url: "/pages/customer/index",
        });
      } else {
        uni.redirectTo({
          url: "/pages/kecheng/index",
        });
      }
    },
  },
};
</script>

<style lang="scss">
.wrap {
}
.header {
  height: 50vh;
}
.content {
  height: 30vh;
  padding: 30rpx;
  border-radius: 50rpx;
  border: 4rpx solid #000;
  .con_detail {
  }
}
.main {
  padding: 30rpx;
  background: #fff;
}
.btn {
  padding: 30rpx;
  border: 4rpx solid #000;
  border-radius: 20rpx;
}
</style>
